
<%@include file="/WebPages/Includes/header.jsp"%>

<button class="btn btn-primary btn-lg" data-target="#myInsertModal"
	data-toggle="modal">Create Moderator</button>

<button class="btn btn-danger btn-lg" data-target="#myConfirmModal"
	data-toggle="modal" id="deleteSelectedRows">Delete Selected</button>

<div class="table-responsive">
	<table class="table form-fields table-striped" id="mytable">
		<tr>
			<th><input id="chkall" name="chkall" type="checkbox" /></th>
			<th>Code</th>
			<th>FirstName</th>
			<th>Middle Name</th>
			<th>Last Name</th>
			<th>Address</th>
			<th>City</th>
			<th>State</th>
			<th>Country</th>
			<th>Email</th>
			<th>School Code</th>
			<th>Created By</th>
			<th>Created Date</th>
			<th>Modified By</th>
			<th>Modified Date</th>
			  
		</tr>
	</table>
</div>

<!-- Insert Modal -->
<div aria-hidden="true" aria-labelledby="myInsertModalLabel"
	class="modal fade" id="myInsertModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" class="close" data-dismiss="modal"
					type="button">&times;</button>
				<h4 class="modal-title" id="myInsertModalLabel">Create Moderator</h4>
			</div>
			<div class="modal-body">
				<form id="insertForm" method="post" name="insertForm" role="form">
					<div	 class="form-group">
						<label class="control-label" for="aaCode">Code</label> <input
							class="form-control" id="aaCode" name="aaCode"
							placeholder="Code" type="text" />
					</div>

					<div class="form-group">
						<label class="control-label" for="mdrFname">First Name</label> <input
							class="form-control" id="mdrFname" name="mdrFname"placeholder="First Name" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrNmane">Middle Name</label> 
						<input class="form-control" id="mdrNmane"placeholder="Class Description" name="mdrNmane" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrLname">Last Name</label> 
						<input class="form-control" id="mdrLname"placeholder="Class Description" name="mdrLname" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrAddress">Address</label> 
						<input class="form-control" id="mdrAddress"placeholder="Class Description" name="mdrAddress" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCity">City</label> 
						<input class="form-control" id="mdrCity"placeholder="Class Description" name="mdrCity" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrState">State</label> 
						<input class="form-control" id="mdrState"placeholder="Class Description" name="mdrState" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCountry">Country</label> 
						<input class="form-control" id="mdrCountry"placeholder="Class Description" name="mdrCountry" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrPin">Pin</label> 
						<input class="form-control" id="mdrPin"placeholder="Class Description" name="mdrPin" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrEmail">Email</label> 
						<input class="form-control" id="mdrEmail"placeholder="Class Description" name="mdrEmail" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCurrentSchoolCode">mdrCurrentSchoolCode</label> 
						<input class="form-control" id="mdrCurrentSchoolCode"placeholder="Class Description" name="mdrCurrentSchoolCode" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="createdBy">Created By</label> 
						<input class="form-control" id="createdBy"placeholder="Class Description" name="createdBy" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="createdDate">Created Date</label> 
						<input class="form-control" id="createdDate"placeholder="Class Description" name="createdDate" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="modifiedBy">Modified By</label> 
						<input class="form-control" id="modifiedBy"placeholder="Class Description" name="modifiedBy" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="modifiedDate">Modified Date</label> 
						<input class="form-control" id="modifiedDate"placeholder="Class Description" name="modifiedDate" type="text" />
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
						<button class="btn btn-primary" id="insertModeratorDetails"
							type="submit">Create Moderator Details</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<!-- Update Modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel"
	class="modal fade" id="myUpdateModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" class="close" data-dismiss="modal"
					type="button">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Update Master Class</h4>
			</div>
			<div class="modal-body">
				<form id="updateForm" method="post">
					<div	 class="form-group">
						<label class="control-label" for="aaCode">Code</label> <input
							class="form-control" id="uaaCode" name="aaCode"
							placeholder="Code" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrFname">First Name</label> <input
							class="form-control" id="umdrFname" name="mdrFname"placeholder="First Name" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrNmane">Middle Name</label> 
						<input class="form-control" id="umdrNmane"placeholder="Class Description" name="mdrNmane" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrLname">Last Name</label> 
						<input class="form-control" id="umdrLname"placeholder="Class Description" name="mdrLname" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrAddress">Address</label> 
						<input class="form-control" id="umdrAddress"placeholder="Class Description" name="mdrAddress" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCity">City</label> 
						<input class="form-control" id="umdrCity"placeholder="Class Description" name="mdrCity" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrState">State</label> 
						<input class="form-control" id="umdrState"placeholder="Class Description" name="mdrState" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCountry">Country</label> 
						<input class="form-control" id="umdrCountry"placeholder="Class Description" name="mdrCountry" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrPin">Pin</label> 
						<input class="form-control" id="umdrPin"placeholder="Class Description" name="mdrPin" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrEmail">Email</label> 
						<input class="form-control" id="umdrEmail"placeholder="Class Description" name="mdrEmail" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="mdrCurrentSchoolCode">mdrCurrentSchoolCode</label> 
						<input class="form-control" id="umdrCurrentSchoolCode"placeholder="Class Description" name="mdrCurrentSchoolCode" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="createdBy">Created By</label> 
						<input class="form-control" id="ucreatedBy"placeholder="Class Description" name="createdBy" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="createdDate">Created By</label> 
						<input class="form-control" id="ucreatedDate"placeholder="Class Description" name="createdDate" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="modifiedBy">Modified By</label> 
						<input class="form-control" id="umodifiedBy"placeholder="Class Description" name="modifiedBy" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="modifiedDate">Modified Date</label> 
						<input class="form-control" id="umodifiedDate"placeholder="Class Description" name="modifiedDate" type="text" />
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
						<button class="btn btn-primary" id="updateModeratorDetails"
							type="submit">Update</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<!-- Confirm Modal -->
<div aria-hidden="true" aria-labelledby="myConfirmModalLabel"
	class="modal fade" id="myConfirmModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div align="center" class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="myConfirmModalLabel">Are you sure?</h4>
			</div>
			<div class="modal-body">
				<button class="btn btn-danger" id="confirmDelete" type="submit">Yes</button>
				<button class="btn btn-primary" id="cancelDelete" type="submit">No</button>
			</div>
		</div>
	</div>
</div>

<script src="./../../customJS/Moderator/moderatorDetailHome.js"></script>
